import axios from 'axios'
import { Message } from 'element-ui'
import store from '@/store'
import router from '@/router/index'
// import { getToken } from '@/utils/auth'

// create an axios instance
// console.log(process.env.VUE_APP_BASE_URL)
const request = axios.create({
  baseURL: process.env.VUE_APP_BASE_URL, // url = base url + request url
  // withCredentials: true, // send cookies when cross-domain requests
  timeout: 10000 // request timeout
})

// request interceptor
// 添加请求拦截器
request.interceptors.request.use(function(config) {
  // 在发送请求之前做些什么
  // 判断是否有token
  if (store.getters.token) {
    config.headers.Authorization = `Bearer ${store.getters.token}`
  }
  return config
}, function(error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 添加响应拦截器
request.interceptors.response.use(function(response) {
  // 2xx 范围内的状态码都会触发该函数。
  // 对响应数据做点什么
  // 如果数据返回的是二进制的,他的响应体不是JSON格式的
  // 判断是不是Blob类型的响应体
  if(response.data instanceof Blob) return response.data
  const { data, success, message } = response.data
  // 如果success为true就代表业务成功正常返回数据  这个接口状态码只有200 通过success控制业务是否成功
  if (success) {
    return data
  } else {
    Message({ type: 'error', message })
    return Promise.reject(new Error(message))
  }
}, function(error) {
  // 超出 2xx 范围的状态码都会触发该函数。
  // 对响应错误做点什么
  // 4开头的状态码 或者网络错误
  // debugger
  const { response } = error
  // 处理token过期  退出登录 清空token
  if (response?.status === 401) {
    Message.warning('登录超时')
    // store.commit('user/delToken')
    store.dispatch('user/logout').then(() => {
      router.push('/login')
    })
    return Promise.reject(error)
  }
  Message({ type: 'error', message: error.message })
  return Promise.reject(error)
})

export default request
